.tags{
  width: 100%;
  .container{
    .page{
      align-self: flex-start;
      margin: .5rem auto 0;
      width: 75%;
      transition:all .5s;
      box-sizing: border-box;
      padding: .5rem .4rem;
      border-radius: 8px;
      background: $cardColor;
      box-shadow: 0 4px 8px 6px rgba(7,17,27,.06);
      hr{
        margin: .35rem 0 .2rem;
      }
      .tag-cloud-title {
        font-size: 2.57em;
      }
      .tag-cloud-list a {
        display: inline-block;
        padding: 0 .1rem;
        transition: all .3s;
      }
      .tag-cloud-list a:hover{
        color:$fontColor!important;
        transform: scale(1.1);
      }
    }
    .page:hover{
        box-shadow: 0 4px 12px 12px rgba(7,17,27,.15);
    }
  }
}